.cards-content{
    display: grid;
    grid-template-rows: 100px 100px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    .card-item{
        background: #D6E7FF;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid #1876F8;
        text-align: center;
        .num-unit{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 73px;
            width: 100%;
            font-family: DINAlternate-Bold,DINAlternate;
            font-weight: 700;
            color: #1876F8;
            line-height: 28px;
            letter-spacing: 1px;
            .num{
                font-size: 24px;
                margin-right: 1px;
            }
            .unit{
                font-size: 16px;
                padding-top: 7px;
            }
        }
        .tag{
            letter-spacing: 2px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            height: 25px;
            line-height: 25px;
            width: 100%;
            color: #ffffff;
            font-family: SourceHanSansSC-Regular,SourceHanSansSC;
            background-color: rgb(0,150,247);
        }

        &.first{
            grid-column-start: span 2;
            font-size: 24px;
            color: #1876F8;
            .num-unit{
                font-weight: 700;
                line-height: 36px;
                .num{
                    font-size: 64px;
                    font-family: DINAlternate-Bold;
                }
                .unit{
                    padding-top: 30px;
                }
            }
            .tag{
                color: #1876F8;
                background: #D6E7FF;
                font-size: 16px;
                font-weight: 400;
                letter-spacing: 8px;

            }
        }
    }
    
}